﻿<html>
<head>
<title>CSS3 Box Shadow Test </title>

<style type="text/css" id="internalStyle">
p {box-shadow: 10px 20px 30px green; border-style: solid; 
   }
h3 {box-shadow: 0.2em 0.3em 0.4em blue; border-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Box Shadow Test</h1>





<ul>
<li>
For the "box-shadow" property - One or more drop-shadows can be attached to a box. 
They are drawn just outside the border edge. The property
 is a comma-separated list of shadows, each specified by 3 length values and a color
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
NOTE: This property may not be implemented yet.
<p>
If statement above is true, this paragraph should have a box shadow
of 10px 20px 30px green.
The rule applied is "p {box-shadow: 10px 20px 30px green;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
This h3 heading should have a box shadow of 0.2em 0.3em 0.4em blue.
The rule applied is "h3 {box-shadow: 0.2em 0.3em 0.4em blue;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, so should also have
10px 20px 30px green box shadow.  Border style of solid is applied to all
CSS rules, so that the border is visible.
</p>

</body>
</html>
